<!--选手比较--下部分详细信息-->
<div class="player-compare-bottom">

    <div class="row-1">
        <div class="p-m-t flex-h-space">
            <h3>个人技术</h3>
        </div>
        <div class="p-m-c flex-h-space">



            <ul class="scale-bar">
                <li class="flex-h">
                    <div class="title">英雄池：</div>
                    <div class="p-arial">55</div>
                    <div class="bar-inner flex-h-space">
                        <span class="bar-item-blue"></span>
                        <span class="bar-item-red"></span>
                    </div>
                    <div class="p-arial">58</div>
                </li>
                <li class="flex-h">
                    <div class="title">对线技巧：</div>
                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue" style="width: 30%;"></span>
                            <span class="bar-item-red" style="width: 70%;"></span>
                        </div>
                        <div class="p-arial">58</div>
                </li>


                <li class="flex-h">
                    <div class="title">线上补刀：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">前期能力：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">后期能力：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner last-bar flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
            </ul>


            <ul class="scale-bar">
                <li class="flex-h">
                    <div class="title">Carry 能力：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>

                <li class="flex-h">
                    <div class="title">突破缺口：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">逆转劣势：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">团战技巧：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">战术执行：</div>

                        <div class="p-arial">5555</div>
                        <div class="bar-inner last-bar flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">5800</div>

                </li>

            </ul>
        </div>
    </div>

    <div class="row-2">
        <div class="p-m-t flex-h-space">
            <h3>心理素质</h3>
        </div>
        <div class="p-m-c flex-h-space">
            <ul class="scale-bar">
                <li class="flex-h">
                    <div class="title">决策判断：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">个人表演：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue" style="width: 30%;"></span>
                            <span class="bar-item-red" style="width: 70%;"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">侵略性：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">残暴嗜血：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">大赛表现：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner last-bar flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>

            </ul>


            <ul class="scale-bar">
                <li class="flex-h">
                    <div class="title">稳定性：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">意志力：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">抗压心理：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">沉着冷静：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>
                <li class="flex-h">
                    <div class="title">创造力：</div>

                        <div class="p-arial">55</div>
                        <div class="bar-inner last-bar flex-h-space">
                            <span class="bar-item-blue"></span>
                            <span class="bar-item-red"></span>
                        </div>
                        <div class="p-arial">58</div>

                </li>

            </ul>
        </div>
    </div>

    <div class="row-3 flex-h-space">
        <div class="row-3-left">
            <div class="p-m-t flex-h-space">
                <h3>缺点/短板</h3>
            </div>
            <div class="p-m-c flex-h-space">
                <ul class="scale-bar">
                    <li class="flex-h">
                        <div class="title">致命犯错：</div>

                            <div class="p-arial">55</div>
                            <div class="bar-inner flex-h-space">
                                <span class="bar-item-blue"></span>
                                <span class="bar-item-red"></span>
                            </div>
                            <div class="p-arial">58</div>

                    </li>
                    <li class="flex-h">
                        <div class="title">大意失误：</div>

                            <div class="p-arial">55</div>
                            <div class="bar-inner flex-h-space">
                                <span class="bar-item-blue"></span>
                                <span class="bar-item-red"></span>
                            </div>
                            <div class="p-arial">58</div>

                    </li>
                    <li class="flex-h">
                        <div class="title">心态不稳：</div>

                            <div class="p-arial">55</div>
                            <div class="bar-inner flex-h-space">
                                <span class="bar-item-blue"></span>
                                <span class="bar-item-red"></span>
                            </div>
                            <div class="p-arial">58</div>

                    </li>
                    <li class="flex-h">
                        <div class="title">Troll 倾向：</div>

                            <div class="p-arial">55</div>
                            <div class="bar-inner flex-h-space">
                                <span class="bar-item-blue"></span>
                                <span class="bar-item-red"></span>
                            </div>
                            <div class="p-arial">58</div>

                    </li>
                    <li class="flex-h">
                        <div class="title">送头倾向：</div>

                            <div class="p-arial">55</div>
                            <div class="bar-inner last-bar flex-h-space">
                                <span class="bar-item-blue"></span>
                                <span class="bar-item-red"></span>
                            </div>
                            <div class="p-arial">58</div>

                    </li>

                </ul>
            </div>
        </div>

        <div class="row-3-right">
            <div class="p-m-t flex-h-space">
                <h3>最近表现</h3>
            </div>
            <div class="p-m-c flex-h-space">
               <div class="flex-h-space">
                   <ul class="scale-bar-2">
                       <li class="flex-h">
                           <div class="title">Carry记录  :</div>
                           <div class="bar left flex-h">
                               <span style="width: 56.2%;"></span>
                           </div>
                       </li>
                       <li class="flex-h">
                           <div class="title">火热状态  :</div>
                           <div class="bar left flex-h">
                               <span style="width: 56.2%;"></span>
                           </div>
                       </li>
                   </ul>
                   <img src="/res/images/cont/players-detail/vs.png" />
                   <ul class="scale-bar-2">
                       <li class="flex-h">
                           <div class="title">Carry记录  :</div>
                           <div class="bar right flex-h">
                               <span style="width: 56.2%;"></span>
                           </div>
                       </li>
                       <li class="flex-h">
                           <div class="title">火热状态  :</div>
                           <div class="bar right flex-h">
                               <span style="width: 56.2%;"></span>
                           </div>
                       </li>
                   </ul>
               </div>
            </div>
        </div>

    </div>

    <div class="row-4 flex-h-space">
        <div class="row-4-left">
            <div class="p-m-t flex-h-space">
                <h3>常用英雄</h3>
            </div>
            <div class="p-m-c ">
                <ul class="hero-list p-clear-fix">

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>


                </ul>
            </div>
        </div>

        <div class="row-4-right">
            <div class="p-m-t flex-h-space">
                <h3>常用英雄</h3>
            </div>
            <div class="p-m-c ">
                <ul class="hero-list p-clear-fix">

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>


                </ul>
            </div>
        </div>

    </div>

</div>